<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<div>
    <h1>注册</h1>
    <span>输入用户名：</span><input type="text" id="username"><br>
    <span>请输入密码：</span><input type="password" id="password1"><br>
    <span>请确认密码：</span><input type="password" id="password2"><br>
    <span>请上传头像：</span><input type="file" id="Img"><br>
    <span>请输入验证码：</span><input type="text" id="yzm"><br>
    <img id="verifyCode" onclick="change(this)" src="/getVerifyCode"><br>

    <button id="btn1">注册</button>
    <button id="btn2">登录</button>
</div>
<script src="/js/jquery-3.6.0.js"></script>
<script>
    function change(data) {
        data.src = "/getVerifyCode?d=" + new Date()

    }

    $("#btn2").click(function () {
        location.href = "login.html"
    })
    $("#btn1").click(function () {
        var username = $("#username").val();
        var password1 = $("#password1").val();
        var password2 = $("#password2").val();
        var yzm = $("#yzm").val();

        var touxiang = $("#Img")[0].files[0];

        var formData = new FormData();
        formData.append("touxiang", touxiang);
        formData.append("username", username);
        formData.append("password1", password1);
        formData.append("password2", password2);
        formData.append("yzm", yzm);
        $.ajax({
            url: "/register2",
            type: "post",
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {
                if (data == -1) {
                    alert("注册失败！验证码输入错误！");
                    $("#yzm").val(null);
                    return;
                }
                if (data == 0) {
                    alert("注册失败！请联系管理员！");
                    return;
                }
                if (data == 1) {
                    alert("注册成功！请登录！");
                    location.href = "/login.html";
                    return;
                }
                if (data == 2) {
                    alert("注册失败！密码不一致！");
                    return;
                }
                if (data == 3) {
                    alert("注册失败！用户已存在！");
                    return;
                }

            }

        })


    })

    // $("#btn1").click(function () {
    //     var username =$("#username").val();
    //     var password1=$("#password1").val();
    //     var password2=$("#password2").val();
    //     var yzm=$("#yzm").val();
    //
    //     $.ajax({
    //         url:"/register",
    //         type:"post",
    //         data:"username="+username+"&password1="+password1+"&password2="+password2+"&yzm="+yzm,
    //         success:function (data) {
    //             if (data==-1){
    //                 alert("注册失败！验证码输入错误！");
    //                 $("#yzm").val(null);
    //                 return;
    //             }
    //             if (data==0){
    //                 alert("注册失败！请联系管理员！");
    //                 return;
    //             }
    //             if (data==1){
    //                 alert("注册成功！请登录！");
    //                 location.href="/login.html";
    //                 return;
    //             }
    //             if (data==2){
    //                 alert("注册失败！密码不一致！");
    //                 return;
    //             }
    //             if (data==3){
    //                 alert("注册失败！用户已存在！");
    //                 return;
    //             }
    //
    //         }
    //
    //     })
    // })


</script>

</body>
</html>